
.container {
	
	bottom: 49px;
	background-color: #f8f8f8;
	.container1 {
		.container2 {
			height: 139px;
			background-image: linear-gradient(0deg, rgba(0, 145, 255, 0) 4%, #0091ff 50%);
			background-repeat: no-repeat;
			.container3  img{
                filter: grayscale(100%) brightness(300%);
				width: 30px;
				height: 30px;
                margin-top: 15px;
			}
			.container4 {
				text-align: center;
				margin-top: -25px;
				font-family: PingFangSC-Regular;
				font-size: 16px;
				color: #ffffff;
			}
		}
        
		.container5 {
			width: 339px;
			height: 111px;
			background-color: #fff;
			border-radius: 4px;
			margin: 0 auto;
			position: relative;
			top: -74px;
			padding: 16px;
			display: flex;
			justify-content: space-between;
			box-sizing: border-box;
			.container6 {
				.container7 {
					font-family: PingFangSC-Medium;
					font-size: 16px;
					color: #333333;
					margin-bottom: 16px;
				}
				.container8 {
					font-family: PingFangSC-Regular;
					font-size: 14px;
					color: #333333;
					margin-bottom: 8px;
				}
				.container9 {
					font-family: PingFangSC-Regular;
					font-size: 12px;
					color: #666666;
					display: flex;
					.container__name {
						margin-right: 6px;
					}
				}
			}
			.container__right {
				display: flex;
				align-items: center;
				font-size: 17px;
				color: #666;
			}
		}
	}
}
.cart6{
    margin-left: 20px;
}



.container__mask {
	.container__mask__black-panel {
		position: fixed;
		top: 0;
		right: 544px;
		bottom: 51px;
		left: 615px;
		background: rgba(0, 0, 0, 0.5);
	}
	.container__mask__white-panel {
		box-sizing: border-box;
		padding-top: 24px;
        
		width: 301px;
		height: 157px;
		background: #ffffff;
		border-radius: 4px;
		position: fixed;
        margin-left: 36px;
		left: 50%;
		top:45%;
		transform: translate(-50%, -50%);
		.container__mask__white-panel__title {
			font-family: PingFangSC-Medium;
			font-size: 18px;
			color: #333333;
			text-align: center;
			margin-bottom: 12px;
		}
		.container__mask__white-panel__content {
			font-family: PingFangSC-Regular;
			font-size: 14px;
			text-align: center;
			color: #666666;
			margin-bottom: 26px;
		}
		.container__mask__white-panel__buttons {
			width: 184px;
			height: 32px;
			display: flex;
			justify-content: space-between;
			margin: 0 auto;
			.container__mask__white-panel__buttons__cancel {
				width: 80px;
				height: 32px;
				border: 1px solid #4fb0f9;
				border-radius: 16px;
				font-family: PingFangSC-Regular;
				font-size: 14px;
				color: #0091ff;
				line-height: 32px;
				text-align: center;
			}
			.container__mask__white-panel__buttons__confirm {
				width: 80px;
				height: 32px;
				background: #4fb0f9;
				border: 1px solid #4fb0f9;
				border-radius: 16px;
				font-family: PingFangSC-Regular;
				font-size: 14px;
				color: #ffffff;
				line-height: 32px;
				text-align: center;
			}
		}
	}
}




.container__mask__black-panel {
    position: fixed;
    top: 0;
    right: 544px;
    bottom: 51px;
    left: 615px;
    background: rgba(0, 0, 0, 0.5);
}

.container__mask__notice-panel {
	width: 301px;
	height: 156px;
	background: #ffffff;
	border-radius: 4px;
	position: fixed;
	margin-left: 36px;
		left: 50%;
		top:45%;
	transform: translate(-50%, -50%);
	.container__mask__notice-panel__cancel-iconfont {
		font-size: 18px;
		color: #666666;
		position: absolute;
		right: 12px;
	}
	.container__mask__notice-panel__right-iconfont {
		font-size: 56px;
		color: #000;
		text-align: center;
		margin-top: 28px;
		font-weight: bold;
	}
	.container__mask__notice-panel__notice {
		font-family: PingFangSC-Medium;
		font-size: 18px;
		color: #333333;
		text-align: center;
		margin-top: 6px;
	}
}

